<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>秘密花园</title>
		<style type="text/css">
			h1{
				color: aquamarine;
				
			}
			.box1 {
				width: 400px;
				height: 200px;
				border: 15px solid red;
				border-style: solid;
				margin-left: 1px;
				margin-top: 20px;
				float: none;
				border-width: 10px;
				border-color: salmon;
				border-radius: 50px;
			}
			.box2 {
				width: 400px;
				height: 200px;
				border: 15px solid red;
				border-style: solid;
				margin-left: 1px;
				margin-top: 20px;
				float: none;
				border-width: 10px;
				border-color: salmon;
				border-radius: 50px;
			}
		</style>
	</head>
	<body>
		<h1>记录生活</h1>
		<div >
		  <h1 id="h1" class="box1"></h1>
		  
		</div>
		<div>
		 <h2 id="h2" class="box2"></h2>
		</div>
		<script >
			window.onload = function starttime() {
				setInterval(function() {
					time();
				}, 1000);
			}
			
			function time() {
				var nowtime = new Date().getTime(); // 现在时间转换为时间戳
				var futruetime = new Date('2022/10/31').getTime(); // 未来时间转换为时间戳
				var msec = nowtime - futruetime; // 毫秒 未来时间-现在时间
				var time = (msec / 1000); // 毫秒/1000
				var day = parseInt(time / 86400); // 天  24*60*60*1000
				var hour = parseInt(time / 3600) - 24 * day; // 小时 60*60 总小时数-过去的小时数=现在的小时数
				var minute = parseInt(time % 3600 / 60); // 分 -(day*24) 以60秒为一整份 取余 剩下秒数 秒数/60 就是分钟数
				var second = parseInt(time % 60); // 以60秒为一整份 取余 剩下秒数
				document.getElementById("h1").innerHTML = "&nbsp;&nbsp;&nbsp;宝宝，我们已经在一起：<br>" + day + "天" + hour + "小时" + minute + "分" + second +
					"秒" + "了";
			}
			window.onload = function starttime() {
				setInterval(function() {
					time();
				}, 1000);
			}
			
			function time() {
				var nowtime = new Date().getTime(); // 现在时间转换为时间戳
				var futruetime = new Date('2022/10/31').getTime(); // 未来时间转换为时间戳
				var msec = nowtime - futruetime; // 毫秒 未来时间-现在时间
				var time = (msec / 1000); // 毫秒/1000
				var day = parseInt(time / 86400); // 天  24*60*60*1000
				var hour = parseInt(time / 3600) - 24 * day; // 小时 60*60 总小时数-过去的小时数=现在的小时数
				var minute = parseInt(time % 3600 / 60); // 分 -(day*24) 以60秒为一整份 取余 剩下秒数 秒数/60 就是分钟数
				var second = parseInt(time % 60); // 以60秒为一整份 取余 剩下秒数
				document.getElementById("h2").innerHTML = "&nbsp;&nbsp;&nbsp;宝宝，我们已经在一起：<br>" + day + "天" + hour + "小时" + minute + "分" + second +
					"秒" + "了";
			}
		</script>
	</body>
</html>